<template>
  <div class="Total_box">
    <!-- 标题 -->
    <div class="_Mimg_box">
        <p class="_Mtxt">全部种类数量统计</p>
        <p class="_Mtxts">Total category statistics</p>
    </div>
    <!-- 数据展示 -->
    <div class="data_box">
      <div class="data_a">
        <div class="data_img">
          <img src="../../assets/img/block-a.png" alt="" class="imgs_a" />
        </div>
        <div class="data_text">
          <p class="p_one">{{wuzhong.totalNum}}</p>
          <p class="p_two">全部</p>
        </div>
      </div>
      <div class="data_a">
        <div class="data_img">
          <img src="../../assets/img/zoon-a.png" alt="" class="imgs_a" />
        </div>
        <div class="data_text">
          <p class="p_one" style="color: #34CEFF;">{{ wuzhong.aninalNum }}</p>
          <p class="p_two">动物</p>
        </div>
      </div>
      <div class="data_a">
        <div class="data_img">
          <img src="../../assets/img/tree-a.png" alt="" class="imgs_a" />
        </div>
        <div class="data_text">
          <p class="p_one" style="color: #FFF27F;">{{ wuzhong.plantNum }}</p>
          <p class="p_two">植物</p>
        </div>
      </div>
      <div class="data_a">
        <div class="data_img">
          <img src="../../assets/img/mushroom-a.png" alt="" class="imgs_a" />
        </div>
        <div class="data_text">
          <p class="p_one" style="color: #917FFF;">{{ wuzhong.fungusNum }}</p>
          <p class="p_two">真菌</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    wuzhong: {
      type: Object,
    },
  },
  data() {
    return {
     
    };
  },
  created() {
  },
  mounted() {
   
  },
  methods: {
    
  },
}
</script>

<style scoped>
@import "../../../static/newcss/myTotal.css";
</style>
<style>

</style>
<!-- <style src="../static/font/index.css"></style> -->
